<template>
  <view class="publishDemand">
    <view class="publishDemand-content">
      <view class="formLabel uni-flex uni-align-center uni-justify-between">
        <text>用户黑名单</text>
        <switch color="#2F80ED" checked/>
      </view>
    </view>
    <view class="subtitle"></view>
    <view class="publishDemand-content">
      <view class="formLabel uni-flex border-bottom uni-justify-between uni-align-center">
        <view class="uni-flex uni-align-center">
          <image :src="`${$ImgBaseUrl}banner.png`" class="photo"/>
          <text>丰俭由人家电维修</text>
        </view>
        <view class="slectBank">移除</view>
      </view>
      <view class="formLabel uni-flex border-bottom uni-justify-between uni-align-center">
        <view class="uni-flex uni-align-center">
          <image :src="`${$ImgBaseUrl}banner.png`" class="photo"/>
          <text>丰俭由人家电维修</text>
        </view>
        <view class="slectBank">移除</view>
      </view>
      <view class="formLabel uni-flex border-bottom uni-justify-between uni-align-center">
        <view class="uni-flex uni-align-center">
          <image :src="`${$ImgBaseUrl}banner.png`" class="photo"/>
          <text>丰俭由人家电维修</text>
        </view>
        <view class="slectBank">移除</view>
      </view>
    </view>
  </view>
</template>

<script setup>
</script>

<style scoped lang="scss">
.publishDemand {
  background: #fff;
  min-height: 100vh;
  .subtitle{
    width:100%;
    height:24rpx;
    background-color: #f5f5f5;
  }
  .publishDemand-content {
    padding: 0 24rpx 0;
    background: #FFFFFF;
    border-radius: 20rpx;
    .border-bottom{
      border-bottom: 1px solid #E2E2E2;
    }

    .formLabel {
      padding:26rpx 0;
      .photo{
        width: 68rpx;
        height: 68rpx;
        border-radius: 50%;
        margin-right:16rpx;
      }
      .slectBank{
        font-weight: 400;
        font-size: 28rpx;
        color: #999999;
      }
      text {
        font-weight: 500;
        font-size: 28rpx;
        color: #303133;
        line-height:70rpx;
      }
    }

  }

  .publishDemand-button {
    width: 100%;
    height: 88rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
    text-align: center;
    font-weight: 400;
    font-size: 28rpx;
    color: #EB4747;
    line-height: 88rpx;
    margin: 40rpx auto 0;
  }
}</style>